.contact-input{ display: inline-block; padding: .75rem; } .contact-control{ padding: .8rem 1.2rem; background-color: rgba(0,0,0,.05) !important; border-radius: 0; min-width: 300px; cursor: unset; height: auto; border-color: transparent; color: unset; font-weight: 500; } .contact-control-bg{ padding: 1rem 1.2rem; background-color: transparent; color: #FFF !important; border: 1px solid rgba(255,255,255,.5); height: auto; border-radius: 0; min-width: 300px; cursor: unset; } .contact-control:focus, .contact-control:hover, .contact-control-bg:focus, .contact-control-bg:hover{ background-color: transparent; box-shadow: none; color: initial; } .contact-control.selected{ border-color:inherit; } .contact-control-bg.selected{ border-color:#FFF; } #div_scales_contact .contact-node{ padding: 1rem; } #div_scales_contact .contact-node .fa, #div_scales_contact .contact-node .fab{ font-weight: bold; font-size: 1.2rem; margin-right: .6rem; vertical-align: text-bottom; } #div_scales_contact .contact-node-edge{ padding: .6rem; } #div_scales_contact .contact-node-edge .fa, #div_scales_contact .contact-node-edge .fab{ font-weight: bold; font-size: 1.2rem; padding-right: .6rem; display: table-cell; vertical-align: top; padding-top: .3rem; } @media screen and (max-width:1400px){ .contact-control, .contact-control-bg{ padding: .6rem 1rem; } } @media screen and (max-width:1200px){ .contact-lay .contact-input{ display: block; } } @media screen and (max-width:700px){ .contact-control, .contact-control-bg{ min-width: auto; } } @media screen and (max-width:550px){ #div_scales_contact{ padding: 0 1rem; } .contact-input{ display: block; } }